<template>
  <div v-for="item in dataList" w-full flex flex-col items-center py-10px mt-80px relative>
    <img :src="item.systemTrophyUrl" w-425px  :class="item.have == 1 ? '' : 'weihuode'" />
    <div text-70px mt-40px>{{ item.trophyName }}</div>
    <img v-if="item.have != 1" src="@/assets/images/weihuode.png" w-134px h-115px absolute top-0px right-100px class="weihuode" alt="" />
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
const props = defineProps({
  dataList: Array
})


</script>

<style scoped>
.weihuode {
  /* 添加灰度显示 */
  filter: grayscale(1);
}

</style>
